<template>
	<view>
		<view class="app">
			<!-- 自定义导航栏 -->
			<view class="custom-nav">
				<view class="back-button" @click="navigateBack">
					<image 
						src="https://tongrenlijiaojing.oss-cn-beijing.aliyuncs.com/wechat/nav_back.png"
						mode="aspectFill" 
						class="back-icon">
					</image>
				</view>
				<image mode="widthFix" src="https://tongrenlijiaojing.oss-cn-beijing.aliyuncs.com/wechat/wechat_title.png" class="nav-icon"></image>
			</view>
			<!-- 页面内容 -->
			<router-view class="page-content"></router-view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			navigateBack() {
				// 获取当前页面栈
				const pages = getCurrentPages();
                console.log('navigateBack', pages)
				if (pages.length > 1) {
					// 如果有上一级页面，返回上一级
					uni.navigateBack({
						delta: 1
					});
				} else {
					// 如果没有上一级页面，返回首页
					this.$tools.routerTo('/pages/index/index2', 'switchTab', 'none')
				}
			}
		}
	}
</script>

<style>
.custom-nav {
  height: 64px; /* 包含状态栏高度 */
  display: flex; /* 使用flex布局排列元素 */
  align-items: center; /* 垂直居中 */
  justify-content: center; /* 水平居中标题图标 */
  background-color: transparent; /* 背景透明 */
  position: fixed;
  top: 75rpx;
  left: 0;
  right: 0;
  z-index: 999;
  padding: 0rpx 30rpx; /* 左右内边距 */
}

/* 返回按钮样式 */
.back-button {
  width: 25rpx; /* 按钮宽度 */
  height: 25rpx; /* 按钮高度 */
  position: absolute; /* 绝对定位 */
  left: 40rpx; /* 左对齐，与容器内边距一致 */
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
}

/* 返回图标样式 */
.back-icon {
  width: 50rpx; /* 图标宽度 */
  height: 50rpx; /* 图标高度 */
}

/* 标题图标样式 */
.nav-icon {
  width: 240rpx;
  /* 移除margin: 0 auto; 因为flex容器已设置居中 */
}

.page-content {
  padding-top: 64px;
}
</style>
